<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>登记</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
<script src="js/jquery.easydropdown.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
</script>

</head>
<body>
   <!-- header-section-starts -->
	<div class="header">
		<div class="top-header">
			<div class="container">
				<div class="header-left">
					<p>订购高达99美元，可享受额外20%的折扣</p>
				</div>
				<div class="login-section">
					<ul>
						<li><a href="login.html">登录</a>  </li> |
						<li><a href="register.html">登记</a> </li>
					</ul>
				</div>
				<!-- start search-->
				    <div class="search-box">
					    <div id="sb-search" class="sb-search">
							<form>
								<input class="sb-search-input" placeholder="查询" type="search" name="search" id="search">
								<input class="sb-search-submit" type="submit" value="">
								<span class="sb-icon-search"> </span>
							</form>
						</div>
				    </div>
					<!-- search-scripts -->
					<script src="js/classie.js"></script>
					<script src="js/uisearch.js"></script>
						<script>
							new UISearch( document.getElementById( 'sb-search' ) );
						</script>
					<!-- //search-scripts -->
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="bottom-header">
			<div class="container">
				<div class="logo">
					<a href="index.html"><h1>运动者</h1></a>
				</div>
				<div class="header_bottom_right">
					<div class="h_menu4"><!-- start h_menu4 -->
					<a class="toggleMenu" href="#">菜单</a>
					<ul class="nav">
						<li class="active"><a href="index.html">主页</a></li>
						<li><a href="products.html" class="root">足球</a>
							<ul>
								<li><a href="products.html">配件</a></li>
								<li><a href="products.html">鞋类</a></li>
								<li><a href="products.html">T恤</a></li>
								<li><a href="products.html">运动服</a></li>
								<li><a href="products.html">球</a></li>
								<li><a href="products.html">出售</a></li>
							</ul>
						</li>
						<li><a href="bikes.html">自行车</a>
							<ul>
								<li><a href="bikes.html">配件</a></li>
								<li><a href="bikes.html">头盔</a></li>
								<li><a href="bikes.html">鞋类</a></li>
								<li><a href="bikes.html">斯佩茨</a></li>
								<li><a href="bikes.html">武器</a></li>
								<li><a href="bikes.html">出售</a></li>
							</ul>
						</li>
						<li><a href="products.html">高尔夫</a>
							<ul>
								<li><a href="products.html">配件</a></li>
								<li><a href="products.html">头盔</a></li>
								<li><a href="products.html">衣服</a></li>
							</ul>
						</li>
							<li><a href="contact.html">联系人</a></li>
						</ul>
						<script type="text/javascript" src="js/nav.js"></script>
				</div>
				<!-- end h_menu4 -->
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- header-section-ends -->
	<!-- content-section-starts -->
	<div class="content">
		
		<div class="dreamcrub">
		<div class="container">
			   	 <ul class="breadcrumbs">
                    <li class="home">
                       <a href="index.html" title="Go to Home Page"><img src="images/home.png" alt=""/></a>&nbsp;
                       <span>&gt;</span>
                    </li>
                    <li>
                       	登记
                    </li>
                </ul>
                <ul class="previous">
                	<li><a href="index.html">返回上一页</a></li>
                </ul>
                <div class="clearfix"></div>
			   </div>
			   </div>
			   <div class="container">
		<div class="main-register-form">
		  <div class="register">
		  	  <form> 
				 <div class="register-top-grid">
					<h3>个人信息</h3>
					 <div class="wow fadeInLeft" data-wow-delay="0.4s">
						<span>名字<label>*</label></span>
						<input type="text"> 
					 </div>
					 <div class="wow fadeInRight" data-wow-delay="0.4s">
						<span>姓<label>*</label></span>
						<input type="text"> 
					 </div>
					 <div class="wow fadeInRight" data-wow-delay="0.4s">
						 <span>邮箱地址<label>*</label></span>
						 <input type="text"> 
					 </div>
					 <div class="clearfix"> </div>
					   <a class="news-letter" href="#">
						 <label class="checkbox"><input type="checkbox" name="checkbox" checked="">注册时事通讯</label>
					   </a>
					 </div>
				     <div class="register-bottom-grid">
						    <h3>登录信息</h3>
							 <div class="wow fadeInLeft" data-wow-delay="0.4s">
								<span>密码<label>*</label></span>
								<input type="text">
							 </div>
							 <div class="wow fadeInRight" data-wow-delay="0.4s">
								<span>确认密码<label>*</label></span>
								<input type="text">
							 </div>
					 </div>
				</form>
				<div class="clearfix"> </div>
				<div class="register-but">
				   <form>
					   <input type="submit" value="submit">
					   <div class="clearfix"> </div>
				   </form>
				</div>
		   </div>
	    </div>
</div>
		</div>
	</div>
	<!-- content-section-ends -->
	<!-- footer-section-starts -->
	<div class="footer"> 
		<div class="container">
			<div class="col-md-3 shop">
				<h3>器材商店</h3>
				<ul>
					<li><a href="#">初级爱好者</a>
					<li><a href="#">运动者</a>
					<li><a href="#">附属品</a>
					<li><a href="#">小孩们</a>
					<li><a href="#">品牌</a>
					<li><a href="#">趋势</a>
					<li><a href="#">出售</a><>
					<li><a href="#">健身教学视频</a>
				</ul>
			</div>
			<div class="col-md-3 shop">
				<h3>客服咨询</h3>
				<ul>
					<li><a href="#">常见问题</a>
					<li><a href="#">运动者</a>
					<li><a href="#">教学视频</a>
					<li><a href="#">出售</a>
					<li><a href="#">趋势发展</a>
				</ul>
			</div>
			<div class="col-md-3 shop">
				<h3>我的</h3>
				<ul>
					<li><a href="#">我的运动</a>
					<li><a href="#">我的命令</a>
					<li><a href="#">我的购物袋</a>
					<li><a href="#">我的购物袋</a>
				</ul>
			</div>
			<div class="col-md-3 shop">
				<h3>广受欢迎</h3>
				<ul>
					<li><a href="#">附件</a>
					<li><a href="#">品牌</a>
					<li><a href="#">常见问题</a>
					<li><a href="#">教学视频</a>
					<li><a href="#">运动者</a>
					<li><a href="#">我的命令</a>
				</ul>
			</div>
			<div class="clearfix"></div>
			<div class="copy-rights">
				<p>2020-11-20-马靖雨-张继宽-王雷震-王俊涛</p>
			</div>
		</div>
	</div>
	<!-- footer-section-ends -->

</body>
</html>